<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- https://cnodejs.org/api/v1/topics -->
    <!-- 前端+后端 -->
    <script>
        fetch('https://cnodejs.org/api/v1/topics')
            .then(
                function(res){
                    return res.json()
                }
            )
            .then(
                function(res){
                    for(var i=0; i<res.data.length; i++){
                        document.write('<li>')
                        document.write('<img style="height: 20px" src='+res.data[i].author.avatar_url+'>')
                        document.write(res.data[i].reply_count)
                        document.write('/')
                        document.write(res.data[i].visit_count)
                        document.write(res.data[i].title)
                        document.write('</li>')
                    }
                }
            )

        // undefined出现的情况
        // var a;
        // var arr = [1];
        // var obj = {};
        // function fn(){}
        // console.log('a',a)
        // console.log('arr',arr[2])
        // console.log('obj',obj.name)
        // console.log('fn',fn())

        // 数据类型分类：
            // 基本数据类型：string number boolean null undefined
            // 引用(复杂)数据类型：object array function
            
        // var str1 = 'abc';
        // var str2 = str1;
        // str2 = 'def';
        // console.log(str1)
        // console.log(str2)

        // var obj1 = {name: '李蒙'};
        // var obj2 = obj1;
        // obj2.name = '浩博';
        // console.log(obj1)
        // console.log(obj2)

        // var obj1 = {name: '李蒙'};
        // var obj2 = obj1;
        // obj2 = {name: '浩博'};
        // console.log(obj1)
        // console.log(obj2)

        // console.log('abc'==='abc')
        // console.log({}==={})

        // 对象object {key: value}
        // 自定义对象
        var student1 = {
            age: 20,
            name: '浩博',
            address: '河北',
            run: function(){
                console.log('run')
                return function(){
                    console.log('函数嵌套')
                }
            }
        }
        // 访问：.的形式
        console.log(student1.age)
        student1.run();
        // 访问：[]的形式
        var a = 'age';
        console.log(student1[a])
        console.log(student1['age'])
        student1['run']()();
        // 添加属性
        student1.a = 'a'
        console.log(student1)
        delete student1.a
        console.log(student1)
        // 遍历对象： for in
        // for(var key in student1){
        //     console.log(key)
        //     console.log(student1[key])
        //     if(typeof student1[key] != 'function'){
        //         document.write(student1[key])
        //     }
        // }
    </script>
</body>
</html>